<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="assets/css/toastr.min.css" />
	</head>
	<body>
		<button onclick="return cba()">Click</button>
	</body>

	<script type="text/javascript" src="assets/vendor/jquery/jquery.js"></script>
	<script type="text/javascript" src="assets/vendor/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="assets/vendor/bootstrap/js/toastr.min.js">

	</script>


	<script type="text/javascript">
		$(function() {
			toastr.options = {
				"closeButton": true, //是否显示关闭按钮

				"positionClass": "toast-top-right", //弹出窗的位置

				"showDuration": "3000", //显示动作时间

				"debug": false,

				"hideDuration": "3000", //隐藏动作时间

				"timeOut": "1000", //展现时间

				"showEasing": "swing", //显示时的动画缓冲方式

				"hideEasing": "linear", //消失时的动画缓冲方式

				"showMethod": "fadeIn", //显示时的动画方式

				"hideMethod": "fadeOut", //消失时的动画方式

				"progressBar": true
			};
		})

		function cba() {

			toastr.success("操作失败了！");
			//toastr.success("恭喜，操作成功了！")
			setTimeout(function() {
				location.href = "http://www.baidu.com";
			}, 1200)

			//window.location.reload();
			/*
			
			toastr.info("请阅读当前提示信息！")
			toastr.info("请阅读当前提示信息！","信息")
			toastr.success("恭喜，操作成功了！")
			toastr.success("恭喜，操作成功了！", "成功")
			toastr.warning("注意，这是一条警告信息！")
			toastr.warning("注意，这是一条警告信息！", "警告")
			toastr.error("操作失败了！");
			toastr.error("操作失败了！", "失败");
			
			// toastr.clear();// 移除所有,有动画效果
			// toastr.remove();// 移除所有，没有动画效果
			
			
			toast-top-full-width：顶部全宽
			
			toast-top-left：左上角
			
			toast-top-center：顶部居中
			
			toast-top-right：右上角
			
			toast-bottom-left：左下角
			
			toast-bottom-center：底部居中
			
			toast-bottom-right：右下角
			
			toast-bottom-full-width：底部全宽

			*/

		}
	</script>

</html>
